<!DOCTYPE HTML>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta charset="utf-8">

<!-- Description, Keywords and Author -->

<meta name="description" content="">
<meta name="author" content="">
<title>:: Gold Nail Салон ::</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

<!-- style -->

<link href="css/style.css" rel="stylesheet">

<!-- style -->

<!-- bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- responsive -->

<link href="css/responsive.css" rel="stylesheet">

<!-- font-awesome -->

<link href="css/font-awesome.min.css" rel="stylesheet">

<!-- font-awesome -->

</head>

<body>

<!-- main-wrapper-iamge -->

<main id="main" role="main-wrapper-iamge">
  <div class="over-bg-color"> 
    
    <!-- container -->
    
    <div class="container"> 
      
      <!-- tab-content -->
      
      <div class="tab-content text-center"> 
        
        <!-- Countdown -->
        
        <section id="home" class="tab-pane fade in active">
          <article role="countdown" class="countdown-pan">
            
            <p>Мы открылись!!</p><p></p>
	 <h2>Запишитесь на визит<a href="https://n110593.yclients.com">online</a></h2> 

          </article>
        </section>
        
        <!-- Countdown --> 
        
        <!-- introduction -->
        
        <section id="menu1" class="tab-pane fade">
          <article role="introduction" class="introduction-pan">
            <header class="page-title">
              <h2>О нас</h2>
            </header>
            
            
            <!-- services -->
            
            <ul role="services">
              <li> <i class="fa fa-angellist" aria-hidden="true"></i>
                <h6>Все виды ногтевого сервиса</h6>
                <p> </p>
              </li>
              <li> <i class="fa fa-camera-retro" aria-hidden="true"></i>
                <h6>Стилист-парихмахер</h6>
                <p> </p>
              </li>
              <li> <i class="fa fa-medkit" aria-hidden="true"></i>
                <h6>профессиональная Косметология</h6>
                <p> </p>
              </li>
            </ul>
            
            <!-- services --> 
<p>Приятная атмосфера и максимум комфорта окружат Вас с первых минут пребывания в нашей студии красоты.</br>
- Комфортная зона ожидания</br>
- Бесплатный вкусный свежезаваренный кофе</br>
- Бесплатный Wi-Fi</br>
- Безналичный расчет</br>
В работе мы используем только проверенные материалы, заботимся о стерилизации инструментов. Процедуры проводятся с использованием одноразовых материалов.
Наш коллектив это профессиональная команда опытных парикмахеров, косметологов, мастеров ногтевого сервиса и молодых талантливых специалистов
Вы непременно останетесь довольны качеством и ценой предоставляемых услуг.
 </p>            
          </article>
        </section>
        
        <!-- introduction --> 
        
        
        <!-- Contact -->
        
        <section id="menu3" class="tab-pane fade">
          <article role="contact" class="contact-pan">
            <header class="page-title">
              <h2>Подпишитесь на наши соц сети. Сылки внизу</h2>
            </header>
            <h3><a href="mailto:Contact@pixicon.com">Наш адрес</a></h3>+7 495 490 5590
            <ul>
              <li><i class="fa fa-map-marker" aria-hidden="true"></i> Москва. Ул Большая Набережная д. 19, корпус 3 </li>
              <li><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+7 977 665 0775">+7 977 665 0775</a></li>
              <li><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+7 495 490 5590">+7 495 490 5590</a></li>
            </ul>
          </article>
        </section>
      </div>
      
      <!-- tab-content --> 
      
    </div>
    
    <!-- container --> 
    
    <!-- header -->
    
    <header role="header">
      <hgroup> 
        
        <!-- logog -->
        
        <h1> <a href="#" title="Pixicon"><img src="images/logo.png"/></a> </h1>
        
        <!-- logog --> 
        
        <!-- nav -->
        
        <nav role="nav" id="header-nav" class="nav navy">
          <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#home" title="Countdown">Скоро</a></li>
            <li><a data-toggle="tab" href="#menu1" title="Introduction">о нас</a></li>
            <li><a data-toggle="tab" href="#menu3" title="Contact">Связь</a></li>
           </ul>
          <div role="socil-icons" class="mobile-social">
            <li><a href="https://vk.com/goldnail_studio" target="_blank" title="vkontakte"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
 <!--           <li><a href="#" target="_blank" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> -->
            <li><a href="https://www.instagram.com/goldnail_studio/" target="_blank" title="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
          </div>
        </nav>
        
        <!-- nav --> 
        
        <!-- Socil Icon -->
        
        <ul role="socil-icons" class="desk-social">
            <li><a href="https://vk.com/goldnail_studio" target="_blank" title="vkontakte"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
 <!--           <li><a href="#" target="_blank" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> -->
            <li><a href="https://www.instagram.com/goldnail_studio/" target="_blank" title="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
        </ul>
        
        <!-- Socil Icon --> 
        
      </hgroup>
      <footer class="desk">
        <p>&copy; All rights reserved. Floxi 2015 Made with <i class="fa fa-heart" aria-hidden="true"></i> by Designstub</p>
      </footer>
    </header>
    
    <!-- header -->
    
    <footer class="mobile">
      <p>&copy; All rights reserved. Floxi 2015 Made with <i class="fa fa-heart" aria-hidden="true"></i> by Designstub</p>
    </footer>
  </div>
</main>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 

<script src="js/jquery.min.js" type="text/javascript"></script> 

<!-- custom --> 

<script src="js/custom.js" type="text/javascript"></script> 
<script src="js/nav-custom.js" type="text/javascript"></script> 

<!-- Include all compiled plugins (below), or include individual files as needed --> 

<script src="js/bootstrap.min.js" type="text/javascript"></script> 

<!-- jquery.countdown --> 

<script src="js/countdown-js.js" type="text/javascript"></script> 
<script src="js/html5shiv.js" type="text/javascript"></script>
</body>
</html>
